<table id="list_etudients" class="display data-table-noConfig">
                <thead>
                <th>Nom</th>
                <th>Prenom</th>
                <th> Action </th>
                </thead>
                <tbody>  
{%  for k,etudient in etudients %}
                        <tr>
                            <td>{{etudient.nom}}</td>
                            <td>{{etudient.prenom}}</td>
                            <td class="center">
                                <span>
                                    <a class="action-icons c-edit" href="javascript:modiferEtudient('{{etudient.id}}','{{k}}')">Edit</a>
                                </span>
                                <span>
                                    <a href="javascript:supprimerEtudient('{{etudient.id}}')">Delete</a>
                                </span>
                                
                            </td>
                        </tr>
                            {% endfor %}
                        </tbody>
                </table>
<script> var tab= $('.data-table-noConfig').dataTable();</script>